<template>
	<view>
		
		<u-navbar :custom-back="back" title="规格设置"></u-navbar>
		
		
		<view class="main">
			<view class="left">
				<view class="quan"></view>
				<view class="zi1">优惠券面值</view>
			</view>
			<view class="lei">
				<input type="text" value="" placeholder="请输入优惠券面值(元)" />
			</view>

			<view class="left">
				<view class="quan"></view>
				<view class="zi1">使用门槛</view>
			</view>
			<view class="lei">
				<input type="text" value="" placeholder="请输入使用门槛(元)" />
			</view>


			<view class="bor">
				<view class="time">
					上架时间
				</view>
				<radio-group name="111">
					<label>
						<radio color="#000" value="1" /><text>立即发布</text>
					</label>
					<label>
						<radio class="radio" color="#000" value="2" />
						<text>择日发布</text>

					</label>
				</radio-group>

				<view class="right1">
					2020-02-03 15:00:00
				</view>


				<view class="time">
					下架时间
				</view>
				<radio-group name="11">
					<label>
						<radio color="#000" value="3" /><text>永久下架</text>
					</label>
					<label>
						<radio class="radio" color="#000" value="4" />
						<text>择日发布</text>

					</label>
				</radio-group>

				<view class="right2">
					2020-02-03 15:00:00
				</view>
			</view>

		</view>
        <view class="over" @click="over">
        	确定
        </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
		over() {
			uni.redirectTo({
				url:"../activity/activity"
			})
		},
		back(){
			uni.redirectTo({
				url:"../activity/activity"
			})
		}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F2F4FA;
	}
	.over {
		position: fixed;
		bottom: 50rpx;
		left: 30rpx;
		width: 690rpx;
		height: 100rpx;
		background: #181818;
		box-shadow: 0px 10rpx 40rpx 0px rgba(24, 24, 24, 0.26);
		border-radius: 50rpx;
	
		text-align: center;
		line-height: 100rpx;
	
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
	.main {
		margin: 30rpx;
		padding: 20rpx 30rpx;
		width: 690rpx;
		// height: 644rpx;
		background: #FFFFFF;
		border-radius: 40rpx;

		.left {
			position: relative;

			.quan {
				width: 10rpx;
				height: 10rpx;
				background: #FF4646;
				border-radius: 50%;
				position: absolute;
				top: 15rpx;
			}

			.zi1 {
				margin: 15rpx 0 20rpx 20rpx;
			}
		}

		.lei {
			padding: 0 30rpx;
			margin: 20rpx 0 30rpx 0;
			width: 630rpx;
			height: 80rpx;
			background: #F2F4FA;
			border-radius: 40rpx;
			line-height: 80rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #181818;
			position: relative;

			input {
				width: 400rpx;
				height: 80rpx;
			}
		}

		.bor {
			padding: 30rpx 0rpx 0 0;
			width: 630rpx;
			// height: 244rpx;
			background: #FFFFFF;
			border-radius: 40rpx;
			// border: 1px solid red;
			position: relative;

			.time {
				margin-bottom: 30rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #181818;
			}

			.radio {
				margin-left: 25rpx;
				margin-bottom: 30rpx;

				.zi2 {
					display: inline-block;
					height: 52rpx;
					background: #F2F4FA;
					border-radius: 26rpx;
				}
			}

			.right1 {
				position: absolute;
				right: 0;
				top: 90rpx;
				width: 260rpx;
				height: 52rpx;
				background: #F2F4FA;
				border-radius: 26rpx;

				text-align: center;
				line-height: 52rpx;
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: 300;
				color: #181818;
			}

			.right2 {
				position: absolute;
				right: 0;
				bottom: 30rpx;
				width: 260rpx;
				height: 52rpx;
				background: #F2F4FA;
				border-radius: 26rpx;

				text-align: center;
				line-height: 52rpx;
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: 300;
				color: #181818;
			}
		}
	}
</style>
